<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>操作节点——删除——节点的删除</title>

</head>
<body>

    <div id="container" >
        <div>
            <a>超链接</a>
            <span>
                <ul>
                    <li>糖炒栗子</li>
                    <li id="chestnut">栗子</li>
                </ul>
            </span>
            <span>
                <ul>
                    <li>抽烟</li>
                    <li>喝酒</li>
                    <li>烫头</li>
                </ul>
            </span>
        </div>
        <div>
            <span>小黑胖子</span>
        </div>
    </div>

<script type="text/javascript">
    let chestnut = document.querySelector("#chestnut") ;

    // 栗子 他爹
    console.log( chestnut.parentElement ) ;
    console.log( chestnut.parentNode ) ;

    // 栗子 它 前一个 兄弟
    console.log( chestnut.previousSibling )  ; // 选择节点
    console.log( chestnut.previousElementSibling  ) ; // 选择元素


</script>


</body>
</html>